<template>
  <div>
    <div class="report">
      <div id="print-all">
        <div id="basic" style="margin:auto;">
          <div style="">
            <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
              <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div>
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;color:#333333;">
                孕产妇营养风险评估与干预报告单</div>
            </div>
          </div>
          <!-- 基本信息 -->
          <div style="width: 100%; height: 40px; background-color: #FF5C82; margin-top: 10px; display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px; margin-left: 10px; line-height: 40px; color: #fff;">孕妇基本信息</div>
          </div>
          <div style="width: 1070px; border-top: 2px solid #FF5C82; border-right: 2px solid #FF5C82;  margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82; width: 9.9%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                检测日期</div>
              <div
                style="width: 90%; height: 40px; border-bottom: 2px solid #FF5C82; line-height: 40px; text-indent: 20px;">
                {{ report_time }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82; width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                孕妇姓名
              </div>
              <div
                style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                {{ contents.username ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82;width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                手机号
              </div>
              <div
                style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                {{ contents.guardian_mobile ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82; width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                年龄
              </div>
              <div
                style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                {{ contents.age ?? '[]' }}岁
              </div>
              <div
                style=" background-color: #FF5C82; width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                身高
              </div>
              <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #FF5C82;">
                {{ contents.height ?? '[]' }}CM
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                体重
              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82; ">
                {{ contents.weight ?? '[]' }}KG
              </div>
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                孕周数
              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82; ">
                {{ contents.gestational_weeks ?? '[]' }}周
              </div>
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                末次月经
              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82; ">
                {{ contents.pre_weight ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                预产期
              </div>
              <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #FF5C82;">
                {{ contents.edc ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                多胎
              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82; ">
                {{ contents.twin ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                腹围
              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px;  border-bottom: 2px solid #FF5C82; ">
                {{ contents.abdominal_girth ?? '[]' }}
              </div>
              <div
                style="width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-bottom: 2px solid #FF5C82;">

              </div>
              <div
                style=" width: 15%; height: 40px; text-align: center; line-height: 40px; border-bottom: 2px solid #FF5C82; ">

              </div>
              <div
                style="width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-bottom: 2px solid #FF5C82;">

              </div>
              <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #FF5C82;">

              </div>
            </div>

          </div>
          <!-- ----- -->
          <div style="width: 100%; height: 40px; background-color: #FF5C82; margin-top: 10px; display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px; margin-left: 10px; line-height: 40px; color: #fff;">其他信息</div>
          </div>
          <div style="width: 1070px; border-top: 2px solid #FF5C82; border-right: 2px solid #FF5C82;  margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82; width: 10%;height: 40px;text-align: center;line-height: 40px;color: #fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                生日
              </div>
              <div
                style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                {{ contents.birthday ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82;width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                未怀孕腹围
              </div>
              <div
                style="width: 15%; height: 40px; text-align: center;line-height: 40px;border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                {{ contents.pre_abdominal_girth ?? '[]' }}
              </div>
              <div
                style="background-color: #FF5C82; width: 10%; height: 40px; text-align: center; line-height: 40px; color:#fff; border-right: 2px solid #FF5C82; border-bottom: 2px solid #FF5C82;">
                血型
              </div>
              <div
                style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                {{ contents.xuexing_value ?? '[]' }}
              </div>
              <div
                style=" background-color: #FF5C82; width: 10%; height: 40px; text-align: center; line-height: 40px;color:#fff; border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                民族
              </div>
              <div style="width: 15%;height: 40px;text-align: center;line-height: 40px;border-bottom: 2px solid #FF5C82;">
                {{ contents.minzu_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 10%;height: 40px;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;">
                教育程度
              </div>
              <div
                style=" width: 90%; height: 40px; text-align: center; line-height: 40px;border-bottom: 2px solid #FF5C82; ">
                {{ contents.jiaoyu_value ?? '[]' }}
              </div>

            </div>
          </div>

          <!-- 其他信息 -->
          <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              主诉与病史
            </div>
          </div>
          <div style="width: 1070px; border-top: 2px solid #FF5C82; border-right: 2px solid #FF5C82; margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                妊娠不良习惯
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.Bad_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                妊娠疾病情况
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.disease_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                过去疾病
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.Pastdisease_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                家族病史
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.family_history_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                孕期不良习惯
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.habits_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                水肿情况
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.edema_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                妊娠疾病
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.pregnancy_value ?? '[]' }}
              </div>
            </div>
          </div>
          <!-- 孩子临床表现 -->
          <!-- <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              孩子临床表现
            </div>
          </div>
          <div style="width: 1070px;  border-top: 2px solid #FF5C82; border-right: 2px solid #FF5C82; margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                头发
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.hair_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                眼睛
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.eye_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                皮肤
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.skin_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                口腔
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.oralCavity_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                牙齿
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.tooth_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                颈部
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.neck_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                神经病变
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.Neuropathy_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                神经症状
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.symptoms_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                体征
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.sign_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                骨骼
              </div>
              <div style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.bones_value ?? '[]' }}
              </div>

            </div>
          </div> -->
          <!-- 食物过敏 -->
          <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              食物过敏
            </div>
          </div>
          <div style="width: 1070px; border: 2px solid #FF5C82; margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                过敏食物
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.allergy_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                食物不耐饿
              </div>
              <div
                style="width: 90%;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.intolerance_value ?? '[]' }}
              </div>
            </div>
          </div>
          <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
            <div><img src="../../assets/img/12.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              运动调查
            </div>
          </div>
          <div style="width: 1070px; border: 2px solid #FF5C82; margin-top: 10px">
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;border-bottom: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                危险运动
              </div>
              <div
                style="width: 90%;border-bottom: 2px solid #FF5C82;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.forbidLikeMotion_value ?? '[]' }}
              </div>
            </div>
            <div style="display: flex">
              <div
                style="background-color: #FF5C82;width: 14%;text-align: center; line-height: 40px;color:#fff;border-right: 2px solid #FF5C82;display:flex;align-items: center;justify-content:center;">
                适合运动
              </div>
              <div
                style="width: 90%;line-height: 40px;padding:0px 20px;overflow: hidden;height:42px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;">
                {{ contents.LikeMotion_value ?? '[]' }}
              </div>
            </div>
          </div>
          <!-- 体成分数据分析 -->
          <div style="margin-top: 300px;">
            <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                孕妇体质测评分析报告单</div>
            </div>
            <!-- <div style=" page-break-after:inherit;"></div> -->
            <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 5px;display: flex;">
              <div><img src="../../assets/img/13.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                体成分数据分析
              </div>
            </div>
            <ChildViewprint></ChildViewprint>
          </div>
          <!-- 节段水分分析 -->
          <div style="margin-top: 30px; margin-bottom: 10px; margin-left: 30px"></div>
          <!-- <div style=" page-break-after:left;"></div> -->
          <div style="margin-top: 600px;">
            <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
              <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
              <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
              <div
                style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                孕妇膳食结构(FFQ)与行为认知训练报告单</div>
            </div>
          </div>
          <!-- <div style="width: 100%; height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
            <div><img src="../../assets/img/14.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              膳食记录
            </div>
          </div>
          <div
            style="width:98%;border:2px solid #FF5C82;text-align:center;font-size:14px;margin-top:10px;margin-left:10px;">
            <div style="display:flex">
              <div class="biao1" style="width:16%;height:40px;line-height:40px">菜名</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">能量</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">脂肪</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">钙</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">镁</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">锌</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">维生素A</div>
              <div class="biao1" style="width:12%;height:40px;line-height:40px">维生素B1</div>
            </div>
            <div v-for="(item, index) in diet" :key="index">
              <div style="display:flex;">
                <div class="biao2" style="width:16%;height:40px;line-height:40px">{{ item.food_name }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.energy ? item.energy: 0 }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.fat ? item.fat: 0 }} </div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.calcium ? item.calcium: 0 }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.magnesium ? item.magnesium: 0 }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.zinc ?item.zinc : 0 }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.vitamin_a ? item.vitamin_a: 0 }}</div>
                <div class="biao2" style="width:12%;height:40px;line-height:40px">{{ item.vitamin_b1 ? item.vitamin_b1: 0 }}</div>
              </div>
            </div>
          </div>
          <div
            style="width:98%;border:2px solid #FF5C82;text-align:center;font-size:12px;margin-top:10px;margin-left:10px;">
            <div style="display:flex">
              <div class="biao1" style="width:16%;height:40px;line-height:40px">菜名</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">维生素C</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">蛋白质</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">碳水</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">钠</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">铁</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">硒</div>
              <div class="biao1" style="width:10.5%;height:40px;line-height:40px">维生素E</div>
              <div class="biao3" style="width:10.5%;height:40px;line-height:40px">维生素B2</div>
            </div>
            <div v-for="(item, index) in diet" :key="index">
              <div style="display:flex;">
                <div class="biao2" style="width:16%;height:40px;line-height:40px">{{ item.food_name }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.vitamin_c ? item.vitamin_c: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.protein ? item.protein: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.carbohydrate ?item.carbohydrate: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.sodium ?item.sodium: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.iron ?item.iron: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.selenium ?  item.selenium :0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.vitamin_e ?item.vitamin_e: 0 }}</div>
                <div class="biao2" style="width:10.5%;height:40px;line-height:40px">{{ item.vitamin_b2 ?item.vitamin_b2 : 0 }}</div>
              </div>
            </div>
          </div> -->

          <!-- 膳食评价 -->
          <ChildViewDietary></ChildViewDietary>
          <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 20px;display: flex;">
            <div><img src="../../assets/img/19.jpg" style="height: 40px" alt="" /></div>
            <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
              膳食结构分析(日均值)
            </div>
          </div>
          <!-- <div style=" page-break-after:left;"></div> -->
          <div
            style="width:98%;border:2px solid #FF5C82;text-align:center;line-height:40px;margin-top:5px;font-size: 12px;">
            <div style="display:flex;">
              <div class="biao1" style="width:12.5%">膳食结构</div>

              <div class="biao7"
                :style="item.product_energy < item.systam_down ? 'color:red' : item.product_energy >= item.systam_down && item.product_energy <= item.systam_up ? 'color:black' : 'color:red'"
                v-for="(item, index) in pagoda" :key="index" style="width:12.5%">{{ item.title == undefined
                  ? '' : item.product_energy < item.systam_down ? '▼' + item.title : item.product_energy >= item.systam_down &&
                    item.product_energy <= item.systam_up ? '✔' + item.title : '▲' + item.title }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao1" style="width:12.5%">推荐(g)</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:12.5%">{{
                  item.title == undefined ? '' : item.systam_down + '~' + item.systam_up }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao5" style="width:12.5%">实际</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:12.5%">{{
                  item.title == undefined ? '' : item.product_energy }}
                </div>
              </div>
              <div style="display:flex;">
                <div class="biao5" style="width:14.5%">占比</div>
                <div class="biao7" v-for="(item, index) in pagoda" :key="index" style="width:14.5%">{{
                  item.title == undefined ? '' : item.product_energy == 0 ? 0 + '%' : item.product_energy > item.systam_down &&
                    item.product_energy < item.systam_up ? 100 + '%' : item.product_energy < item.systam_down ? '-' +
                      Math.floor((((item.systam_down - item.product_energy) / item.systam_down) * 100) * 100) / 100 + '%' :
                    item.product_energy > item.systam_up ? '+' +
                      Math.floor((((item.product_energy - item.systam_down) / item.systam_down) * 100) * 100) / 100 + '%' : '' }}
                </div>
              </div>
            </div>
            <!-- 营养素 -->
            <!-- <div style=" page-break-after:left;"></div> -->
            <div
              style="width: 100%;height: 40px; background-color: #FF5C82;margin-top: 5px;display: flex;page-break-before:always;">
              <div><img src="../../assets/img/17.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                能量&营养摄入量分析
              </div>
            </div>
            <!-- <div style=" page-break-after:left;"></div> -->
            <div style="width:99%;border:2px solid #FF5C82;margin-top:5px;font-size: 14px;">
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;">能量</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="energys">
                  </div>
                </div>
              </div>
              <div style="display:flex;">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;">蛋白质</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="proteins">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;">脂肪</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="fats">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 碳水化合物
                </div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="carbohydrates">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;">钙</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="calciums">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 钠</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="sodiums">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 镁</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="magnesiums">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 铁</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="irons">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 锌</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="zincs">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 硒</div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="seleniums">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素A
                </div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="vitamin_as">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素E
                </div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="vitamin_es">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素B1
                </div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="vitamin_b1s">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao1"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素B2
                </div>
                <div class="biao4" style="width:89%;padding-left: 5px;">
                  <div v-html="vitamin_b2s">
                  </div>
                </div>
              </div>
              <div style="display:flex">
                <div class="biao5"
                  style="width:11%;line-height:20px;display: flex;justify-content: center;align-items: center;"> 维生素C
                </div>
                <div class="biao7" style="width:89%;padding-left: 5px;">
                  <div v-html="vitamin_cs">
                  </div>
                </div>
              </div>
            </div>


            <!-- 孕期营养干预报告 -->

            <div style="margin-top: 700px;">
              <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
                <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                <div
                  style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                  孕妇营养疾病膳食营养干预方案报告单</div>
              </div>
            </div>

            <div style=" width: 100%;height: 40px;background-color: #FF5C82; margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/21.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                孕妇饮食及生活方式原则
              </div>
            </div>
            <div style="width: 98%;min-height: 150px; border: 2px solid #FF5C82;margin-top: 10px;padding-left:10px;"
              v-html="principle">
            </div>
            <!-- 膳食方案明细 -->

            <div style="width: 100%; height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/22.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                膳食方案明细
              </div>
            </div>
            <!-- <div style=" page-break-after:always;"></div> -->
            <div
              style="width:98%;border:2px solid #FF5C82;line-height:40px;text-align:center;margin-top:5px;margin-left:10px;">
              <div style="display:flex;">
                <div class="biao1" style="height:40px;width:50%;color: #FFFFFF;background-color: #FF5C82;">名称</div>
                <div class="biao3" style="height:40px;width:50%;color: #FFFFFF;background-color: #FF5C82;">推荐值</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">能量</div>
                <div class="biao4" style="width:50%;">{{ letEnergy.start }}～{{ letEnergy.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;text-align:center;">碳水化合物</div>
                <div class="biao4" style="width:50%;">{{ carbohydrate.start }}～{{ carbohydrate.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">蛋白质</div>
                <div class="biao4" style="width:50%;">{{ protein.start }}～{{ protein.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">脂肪</div>
                <div class="biao4" style="width:50%;">{{ fat.start }}～{{ fat.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">碳水化合物</div>
                <div class="biao4" style="width:50%;">{{ carbohydrate.start }}～{{ carbohydrate.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">钙</div>
                <div class="biao4" style="width:50%;">{{ calcium.start }}～{{ calcium.end }}</div>
              </div>
              <!-- <div style="display:flex;margin-top:100px;padding-top:20px;">
              <div class="biao1" style="height:40px;width:50%;color: #FFFFFF;">名称</div>
              <div class="biao3" style="height:40px;width:50%;color: #FFFFFF;">推荐值</div>
            </div> -->
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">钠</div>
                <div class="biao4" style="width:50%;">{{ sodium.start }}～{{ sodium.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">镁</div>
                <div class="biao4" style="width:50%;">{{ magnesium.start }}～{{ magnesium.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">铁</div>
                <div class="biao4" style="width:50%;">{{ iron.start }}～{{ iron.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">锌</div>
                <div class="biao4" style="width:50%;">{{ zinc.start }}～{{ zinc.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">硒</div>
                <div class="biao4" style="width:50%;">{{ selenium.start }}～{{ selenium.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">维生素A</div>
                <div class="biao4" style="width:50%;">{{ vitamin_a.start }}～{{ vitamin_a.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;line-height:50px;">维生素E</div>
                <div class="biao4" style="width:50%;line-height:50px;">{{ vitamin_e.start }}～{{ vitamin_e.end }}
                </div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">维生素B1</div>
                <div class="biao4" style="width:50%;">{{ vitamin_b1.start }}～{{ vitamin_b1.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">维生素B2</div>
                <div class="biao4" style="width:50%;">{{ vitamin_b2.start }}～{{ vitamin_b2.end }}</div>
              </div>
              <div style="display:flex;">
                <div class="biao2" style="width:50%;">维生素C</div>
                <div class="biao4" style="width:50%;">{{ vitamin_c.start }}～{{ vitamin_c.end }}</div>
              </div>
            </div>
            <!-- <div style="width:73%;border:2px solid #FF5C82;line-height:40px;text-align:center;margin-top:5px;margin-left:10px;">
          <div style="display:flex;">
            <div class="biao1" style="height:40px;width:50%;color: #FFFFFF;">名称</div>
            <div class="biao3" style="height:40px;width:50%;color: #FFFFFF;">推荐值</div>
          </div>
         
        </div> -->


            <div
              style=" width: 99%;height: 40px;background-color: #FF5C82;margin-top: 20px;display: flex;page-break-before:always;">
              <div><img src="../../assets/img/23.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                一周膳食清单
              </div>
            </div>
            <div style="border:1px solid #FF5C82;width:99%;padding-bottom:20px">
              <div class="dietOn" v-for="item in diet_analysis" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width:15px; height:15px;">
                  {{ item.pName }}
                </div>

                <div style="display:flex">
                  <div class="plates" style="margin-left:10px;">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            :src="'http://' + baseUrl + '/' + breakfast.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier">
                          <img v-if="earlier.food_name" :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>早餐7:00: <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames">{{ breakfast.food_name }}</o> 重量:{{ breakfast.weight }}g;
                        </span></div>
                      <div>早点10:00: <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames">{{ earlier.food_name }}</o> 重量:{{ earlier.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon">
                          <img v-if="noon.food_name" :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>午餐12:00: <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames">{{ lunch.food_name }}</o> 重量:{{ lunch.weight }}g;
                        </span></div>
                      <div>午点15:00: <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames">{{ noon.food_name }}</o> 重量:{{ noon.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late">
                          <img v-if="late.food_name" :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>晚餐18:00: <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames">{{ dinner.food_name }}</o> 重量:{{ dinner.weight }}g;
                        </span></div>
                      <div>晚点21:00: <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames">{{ late.food_name }}</o> 重量:{{ late.weight }}g;
                        </span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="border:2px solid #FF5C82;width:99%;padding-bottom:20px;page-break-before:always;">
              <div class="dietOn" v-for="item in diet_analysis1" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width:15px; height:15px;">
                  {{ item.pName }}
                </div>

                <div style="display:flex">
                  <div class="plates" style="margin-left:10px;">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            :src="'http://' + baseUrl + '/' + breakfast.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                            :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>早餐7:00: <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames">{{ breakfast.food_name }}</o> 重量:{{ breakfast.weight }}g;
                        </span></div>
                      <div>早点10:00: <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames">{{ earlier.food_name }}</o> 重量:{{ earlier.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img
                            :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>午餐12:00: <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames">{{ lunch.food_name }}</o> 重量:{{ lunch.weight }}g;
                        </span></div>
                      <div>午点15:00: <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames">{{ noon.food_name }}</o> 重量:{{ noon.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img
                            :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>晚餐18:00: <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames">{{ dinner.food_name }}</o> 重量:{{ dinner.weight }}g;
                        </span></div>
                      <div>晚点21:00: <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames">{{ late.food_name }}</o> 重量:{{ late.weight }}g;
                        </span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="border:2px solid #FF5C82;width:99%;padding-bottom:20px;page-break-before:always;">
              <div class="dietOn" v-for="item in diet_analysis2" :key="item">
                <div class="time-botton">
                  <img src="../../assets/img/evaluaction_service_icon.png" alt="" style="width:15px; height:15px;">
                  {{ item.pName }}
                </div>

                <div style="display:flex">
                  <div class="plates" style="margin-left:10px;">
                    <div class="time-type time-left-color">早餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="breakfast in item.早餐" :key="breakfast"><img
                            :src="'http://' + baseUrl + '/' + breakfast.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="earlier in item.早点" :key="earlier"><img
                            :src="'http://' + baseUrl + '/' + earlier.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>
                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>早餐7:00: <span v-for="breakfast in item.早餐" :key="breakfast">
                          <o class="foodsNames">{{ breakfast.food_name }}</o> 重量:{{ breakfast.weight }}g;
                        </span></div>
                      <div>早点10:00: <span v-for="earlier in item.早点" :key="earlier">
                          <o class="foodsNames">{{ earlier.food_name }}</o> 重量:{{ earlier.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-common-color">午餐</div>
                    <div class="der">
                      <div style="">
                        <span class="plates-top-img" v-for="lunch in item.午餐" :key="lunch"><img
                            :src="'http://' + baseUrl + '/' + lunch.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="noon in item.午点" :key="noon"><img
                            :src="'http://' + baseUrl + '/' + noon.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>午餐12:00: <span v-for="lunch in item.午餐" :key="lunch">
                          <o class="foodsNames">{{ lunch.food_name }}</o> 重量:{{ lunch.weight }}g;
                        </span></div>
                      <div>午点15:00: <span v-for="noon in item.午点" :key="noon">
                          <o class="foodsNames">{{ noon.food_name }}</o> 重量:{{ noon.weight }}g;
                        </span></div>
                    </div>
                  </div>

                  <div class="plates">
                    <div class="time-type time-right-color">晚餐</div>
                    <div class="der">
                      <div style="margin-left:6%;padding-top: 6%;">
                        <span class="plates-top-img" v-for="dinner in item.晚餐" :key="dinner"><img
                            :src="'http://' + baseUrl + '/' + dinner.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                        <span class="plates-top-img" v-for="late in item.晚点" :key="late"><img
                            :src="'http://' + baseUrl + '/' + late.meal_image" alt=""
                            style="width: 100%;height: 100%"></span>
                      </div>
                    </div>

                    <div class="platesFoods">
                      <div>大小：{{ item.multiple }}倍</div>
                      <div>晚餐18:00: <span v-for="dinner in item.晚餐" :key="dinner">
                          <o class="foodsNames">{{ dinner.food_name }}</o> 重量:{{ dinner.weight }}g;
                        </span></div>
                      <div>晚点21:00: <span v-for="late in item.晚点" :key="late">
                          <o class="foodsNames">{{ late.food_name }}</o> 重量:{{ late.weight }}g;
                        </span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 食物选择建议 -->

            <div style=" width: 98%; height: 40px; background-color: #FF5C82; margin-top: 10px;display: flex; ">
              <div><img src="../../assets/img/24.png" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                食物选择建议
              </div>
            </div>
            <div style="padding: 10px 10px;border: 2px solid #FF5C82; width: 1050px; min-height: 500px;">
              <div v-for="(item, index) in pagoda " :key="index">
                {{ proposal.filter((ite, index) => {
                  return ite.food_product_id == item.food_product_id
                })[0] == undefined ? "" : item.title }}
                <div>
                  <div v-if="item.product_energy < item.systam_down">
                    {{ proposal.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0] == undefined ? "" : proposal.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0].content.split('<p>')[1].split('</p>')[0] }}
                  </div>
                  <div v-if="item.product_energy > item.systam_up">
                    {{ proposal1.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0] == undefined ? "" : proposal1.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0].content.split('<p>')[1].split('</p>')[0] }}
                  </div>
                  <div v-if="item.product_energy >= item.systam_down && item.product_energy <= item.systam_up">
                    {{ proposal2.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0] == undefined ? "" : proposal2.filter((ite, index) => {
                      return ite.food_product_id == item.food_product_id
                    })[0].content.split('<p>')[1].split('</p>')[0] }}
                  </div>
                </div>
              </div>

            </div>
            <!-- 生长发育曲线图 -->
            <div style=" display:flex;page-break-before:always;">
              <div style="width: 97%;background-color:#FF5C82;height: 100px;text-align: center;line-height: 100px; ">
                <span style="font-size: 30px; font-weight: bold; color: #ffffff">孕妇</span><span
                  style="font-size: 30px; color: #666666; margin-left: 20px">孕妇体重增长曲线图</span>
              </div>
              <div style="height: 100px; width: 40%;background-color:#FF5C82;">
                <!-- <img src="../../assets/img/11.jpg" style="height: 100%; width: 100%" alt="" /> -->
              </div>

            </div>
            <div style="display:flex;border: 2px solid #FF5C82;margin-top:20px">
              <div id="myChart1" :style="{ width: '40%', height: '550px', }"></div>
              <div id="myChart2" :style="{ width: '60%', height: '550px', }"></div>
              <!-- <div id="myChart3" :style="{ width: '33%', height: '550px', }"></div> -->
            </div>
            <!-- 孕妇营养风险筛查 -->
            <div style="" v-if="Risk">
              <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
                <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                <div
                  style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                  孕妇营养风险筛查</div>
              </div>
            </div>
            <div v-if="Risk">
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;">
                <div style="font-size:20px;font-weight:bold;">
                  1、孕妇年龄小于16岁大于35岁(0-1分)
                </div>
                <div style="margin-left:20px;margin-top: 10px;">
                  <el-radio-group v-model="radio1" class="ml-4" @change="radi1">
                    <el-radio label="1" size="large" border>是 <span style="margin-left:50px">1分</span></el-radio>
                    <el-radio label="0" size="large" border>否 <span style="margin-left:50px">0分</span></el-radio>
                  </el-radio-group>
                </div>
              </div>
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;" @change="radi2">
                <div style="font-size:20px;font-weight:bold;">
                  2、孕前BMI是否在正常范围(18.5-23.9)(0-1分)
                </div>
                <div style="margin-left:20px;margin-top: 10px;">
                  <el-radio-group v-model="radio2" class="ml-4">
                    <el-radio label="0" size="large" border>BMI是正常范围 <span style="margin-left:50px">0分</span></el-radio>
                    <el-radio label="1" size="large" border>BMI小于正常范围 <span style="margin-left:50px">1分</span></el-radio>
                    <el-radio label="2" size="large" border>BMI大于正常范围 <span style="margin-left:50px">1分</span></el-radio>
                  </el-radio-group>
                </div>
              </div>
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;" @change="radi3">
                <div style="font-size:20px;font-weight:bold;">
                  3、是否存在以下疾病情况 (0-1分)
                </div>
                <div style="margin-left:20px;margin-top: 10px;margin-bottom: 10px;">
                  <el-radio-group v-model="radio3" class="ml-4">
                    <el-radio label="0" size="large" border>没有 <span style="margin-left:50px">0分</span></el-radio>
                    <el-radio label="1" size="large" border>有 <span style="margin-left:50px">1分</span></el-radio>
                  </el-radio-group>
                </div>
                <div style="margin-left:20px;">
                  <div class="risk_1 risk_3"> (1)高血压</div>
                  <div class="risk_1 risk_3">(2)高血糖</div>
                  <div class="risk_1 risk_3">(3)高血脂</div>
                  <div class="risk_1 risk_3">(4)贫血</div>
                  <div class="risk_1 risk_3">(5)下肢水肿</div>
                  <div class="risk_1 risk_3">(6)甲状腺功能异常</div>
                </div>
              </div>
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;" @change="radi4">
                <div style="font-size:20px;font-weight:bold;">
                  4、怀孕期间每日饮食情况 (0-1分)
                </div>
                <div style="margin-left:20px;margin-top: 10px;margin-bottom: 10px;">
                  <el-radio-group v-model="radio4" class="ml-4">
                    <el-radio label="0" size="large" border>饮食均衡 <span style="margin-left:50px">0分</span></el-radio>
                    <el-radio label="1" size="large" border>摄入量减少(或不吃)的食物种类 <span
                        style="margin-left:50px">1分</span></el-radio>
                    <el-radio label="2" size="large" border>摄入量较多(或偏好)的食物种类 <span
                        style="margin-left:50px">1分</span></el-radio>
                  </el-radio-group>
                </div>
                <div style="margin-left:20px;">
                  <div class="risk_1 risk_3"> (1)蔬菜/水果</div>
                  <div class="risk_1 risk_3">(2)全谷/杂粮</div>
                  <div class="risk_1 risk_3">(3)蛋奶、豆制品</div>
                  <div class="risk_1 risk_3">(4)肉类(小于200g)</div>
                  <div class="risk_1 risk_3">(5)肉类(红肉为主)</div>
                  <div class="risk_1 risk_3">(6)海产</div>
                </div>
              </div>
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;" @change="radi5">
                <div style="font-size:20px;font-weight:bold;">
                  5、怀孕期体重增长符合图表状况 (0-1分)
                </div>
                <div style="margin-left:20px;margin-top: 10px;margin-bottom: 10px;">
                  <el-radio-group v-model="radio5" class="ml-4">
                    <el-radio label="0" size="large" border>是 <span style="margin-left:50px">0分</span></el-radio>
                    <el-radio label="1" size="large" border>否 <span style="margin-left:50px">1分</span></el-radio>
                  </el-radio-group>
                </div>
                <div style="margin-left:20px;">
                  <div class="risk_1 risk_3"> (1)低于正常增长</div>
                  <div class="risk_1 risk_3">(2)超出正常增长</div>
                </div>
                <div id="myChart3" :style="{ width: '50%', height: '550px', }"></div>

              </div>
              <div style="border:2px solid #FF5C82;padding: 10px 20px;border-top: none;">
                <div style="font-size:20px;font-weight:bold;">
                  总分：{{ total }}
                </div>
                <div style="margin-top:20px;margin-left: 20px;font-weight: bold;">
                  (0分：不存在营养不良风险,1-2分：中度营养不良风险,≥3分：重度营养不良风险)
                </div>
              </div>
            </div>
            <!-- 孕期营养处方 -->
            <div style="margin-top:900px">
              <div style=" width: 100%; background-color:#FF5C82;  text-align: center; margin:auto">
                <!-- <div style="font-size: 40px; font-weight: bold; color: #ffffff;padding-top:20px;">{{ Titlename }}</div> -->
                <!-- <span style="font-size: 30px; color: #666666; margin-left: 20px;display: block;">基本信息报告</span> -->
                <div
                  style="margin-top:30px;font-size: 24px;padding-bottom: 20px;font-weight: bold;padding-top: 20px;color:#333333;">
                  孕妇营养综合评价建议报告单</div>
              </div>
            </div>
            <!-- 运动处方 -->
            <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/26.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                进餐建议
              </div>
            </div>
            <div style="width: 97%;border: 2px solid #FF5C82;min-height: 100px;margin-top: 10px;padding: 10px 10px;">
              <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;"
                v-model="FeedingRecommendations"></textarea>

            </div>
            <!-- 评估指导 -->
            <div style="width:100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/27.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                营养建议
              </div>
            </div>
            <div style="width: 97%;border: 2px solid #FF5C82;min-height: 100px; margin-top: 10px;padding: 10px 10px;">
              <textarea name="" id="" cols="30" rows="10" style="width:100%;border:none;resize: none;outline: none;"
                v-model="NutritionRecommendations"></textarea>
            </div>
            <!-- 医生建议 -->
            <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/27.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                医生建议
              </div>
            </div>
            <div style="width: 97%;border: 2px solid #FF5C82;min-height: 100px; margin-top: 20px;padding: 10px 10px;">
              <textarea name="" id="" cols="30" rows="20" style="width:100%;border:none;resize: none;outline: none;"
                v-model="DoctorRecommendations"></textarea>
            </div>
            <!-- 复诊预约 -->
            <div style="width: 100%;height: 40px;background-color: #FF5C82;margin-top: 10px;display: flex;">
              <div><img src="../../assets/img/27.jpg" style="height: 40px" alt="" /></div>
              <div style="font-size: 20px;margin-left: 10px;line-height: 40px;color:#fff;">
                复诊预约
              </div>
            </div>
            <!-- <div style="width: 73%; border: 2px solid #FF5C82; min-height: 60px; margin-top: 20px;display: flex;">
            <div
              style="width: 15%;line-height: 60px;background-color: #FF5C82;color: #fff;text-align: center; border-right: 2px solid #FF5C82;">
              复查建议及时间
            </div>
            <div>
              <div style="margin-top: 10px; margin-left: 10px">
                复诊建议∶为避免健康风险，请及时到院复诊
              </div>
              <div style="margin-top: 5px; margin-left: 10px">
                复查建议及时间 复诊时间∶2021-12-01
              </div>
            </div>
          </div> -->
            <div style="width: 30%;height: 40px;border: 2px solid #FF5C82;margin-top: 20px;margin-bottom: 20px;">
              <div
                style=" width: 37%;line-height: 40px;background-color: #FF5C82;color:#fff;height: 100%;text-align: center;border-right: 2px solid #FF5C82;">
                医师签字
              </div>
              <div></div>
            </div>


          </div>
        </div>
      </div>


      <!-- <div style="text-align: center;height: 100px;line-height: 100px">
    <el-radio-group v-model="typeActive">
      <el-radio label="全部">全部</el-radio>
      <template v-for="item in types">
        <el-radio :label="item">{{ item }}</el-radio>
      </template>
    </el-radio-group>
    <div>
      <el-button type="primary" style="height: 60px;background-color: #FF5C82;border: #FF5C82" @click="onClickPrint">
        打印报告</el-button>
    </div>
  </div> -->
    </div>
</template>

<script setup>
import { defineComponent, onMounted, ref, watch } from 'vue';
import { ElMessage } from "element-plus";
import * as api from "../../api/loginHttp";
import http, { baseUrl } from "../../utils/http";
import Header from '../common/Header.vue';
import Drawer from '../common/Drawer.vue';
import Childcomposition from '../common/Gravidacomposition.vue';
import Childdietary from '../common/Gravidadietary.vue';
import { useRoute, useRouter } from "vue-router"
import PrintJS from 'print-js'
import * as echarts from 'echarts'
import { ElNotification } from 'element-plus'
import ChildViewprint from '../common/GravidaViewPrint.vue';
import ChildViewDietary from '../common/GravidaVD.vue';

const router = useRouter()
const onBmishow = ref(1)
const route = useRoute()
const groupId = ref()
const id = ref()
const labName = ref()
const reportId = ref()
const printId = ref()
const myChart = ref()
const myChart1 = ref()
const myChart2 = ref()
const proposal = ref({})
const proposal1 = ref({})
const proposal2 = ref({})

const Risk = ref([])
const radio1 = ref()
const radio2 = ref()
const radio3 = ref()
const radio4 = ref()
const radio5 = ref()
const total = ref()


const energys = ref({})
const proteins = ref({})
const fats = ref({})
const carbohydrates = ref({})
const calciums = ref({})
const sodiums = ref({})
const magnesiums = ref({})
const irons = ref({})
const zincs = ref({})
const seleniums = ref({})
const vitamin_as = ref({})
const vitamin_es = ref({})
const vitamin_b1s = ref({})
const vitamin_b2s = ref({})
const vitamin_cs = ref({})
const intake = ref({})
const username = ref()
const guardian = ref()
const birthStatus = ref()
const FeedingRecommendations = ref()
const NutritionRecommendations = ref()
const DoctorRecommendations = ref()

const Titlename = ref()
const qxty = ref()
const hospital_name = ref()
const report_time = ref()
const birth = ref()
const high_contents = ref({})
const early_intervention = ref({})
const Monitoring_content = ref({})
const contents = ref({})
const isShow = ref(true)
const readonly = ref(true)
const display = ref(false)
const diet = ref({})
const pagoda = ref({})
const principle = ref({})
const letEnergy = ref({ energy: 0, start: 0, end: 0 });
const protein = ref({ energy: 0, start: 0, end: 0 });
const fat = ref({ energy: 0, start: 0, end: 0 });
const carbohydrate = ref({ energy: 0, start: 0, end: 0 });
const calcium = ref({ energy: 0, start: 0, end: 0 });
const sodium = ref({ energy: 0, start: 0, end: 0 });
const magnesium = ref({ energy: 0, start: 0, end: 0 });
const iron = ref({ energy: 0, start: 0, end: 0 });
const zinc = ref({ energy: 0, start: 0, end: 0 });
const selenium = ref({ energy: 0, start: 0, end: 0 });
const vitamin_a = ref({ energy: 0, start: 0, end: 0 });
const vitamin_e = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b1 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_b2 = ref({ energy: 0, start: 0, end: 0 });
const vitamin_c = ref({ energy: 0, start: 0, end: 0 });
const diet_analysis = ref({})
const diet_analysis1 = ref({})
const diet_analysis2 = ref({})
const kcalType = ref(2)
const data = ref()
const form = ref({
  elText: '',
  elTextTwo: '',
  elTextThree: '',
})

const types = ref(['基本信息', '体成分分析', '膳食营养分析', '孕妇生长发育曲线图', '喂养习惯报告', '营养处方报告'])
const typeActive = ref(-1)

const fetchData = async () => {
  if (route.params.groupId) {
    groupId.value = route.params.groupId
    id.value = route.params.id
    reportId.value = route.params.reportId

    username.value = route.params.username
    guardian.value = route.params.guardian
    birthStatus.value = route.params.birth

    if (username.value && guardian.value && birthStatus.value) {
      isShow.value = false
    }

    if (groupId.value == 3) {
      labName.value = '婴幼儿营养测评'
    } else if (groupId.value == 5) {
      labName.value = '孕产妇营养测评'
    } else if (groupId.value == 6) {
      labName.value = '成年人营养测评'
    } else if (groupId.value == 7) {
      labName.value = '慢性病营养测评'
    } else if (groupId.value == 8) {
      labName.value = '团体营养测评'
    }

  }
  Titlename.value = localStorage.getItem('Title');

  http.get('api/archives/screeningInfo?id=' + route.params.id).then((res) => {
    Risk.value=res.data.data.screening;
    if(res.data.data.screening){
      radio1.value = res.data.data.screening[0].toString();
      radio2.value = res.data.data.screening[1].toString();
      radio3.value = res.data.data.screening[2].toString();
      radio4.value = res.data.data.screening[3].toString();
      radio5.value = res.data.data.screening[4].toString();
      total.value = res.data.data.screening[5].toString();
    }
  })





  http.get('api/archives/getGenerateStatus?id=' + id.value + '&reportId=' + reportId.value).then((res) => {
    if (res.data.code === 0) {
      ElMessage.error(res.data.msg)
      return false;
    }
    if (res.data.data === 0) {
      http.get('api/archives/generate?id=' + id.value + '&reportId=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
        if (res.data.code === 0) {
          ElMessage.error(res.data.msg)
          return false;
        }
      })
    }
  })

  http.get('api/archives/viewReportMember?id=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
    if (res.data.data.feed_advice) {
      FeedingRecommendations.value = res.data.data.feed_advice
    }
    if (res.data.data.nutrition_advice) {
      NutritionRecommendations.value = res.data.data.nutrition_advice
    }
    if (res.data.data.doctor_advice) {
      DoctorRecommendations.value = res.data.data.doctor_advice
    }




    var bmi1 = '';
    var bmi2 = '';
    bmi1 = res.data.data.bmi;
    if (bmi1 < 18.5) {
      bmi2 = '偏瘦'
      localStorage.setItem('bmi', bmi2)
    } else if (bmi1 < 24 && bmi1 >= 18.5) {
      bmi2 = '正常'
      localStorage.setItem('bmi', bmi2)
    } else if (bmi1 < 28 && bmi1 >= 24) {
      bmi2 = '偏胖'
      localStorage.setItem('bmi', bmi2)
    } else if (bmi1 >= 28) {
      bmi2 = '肥胖'
      localStorage.setItem('bmi', bmi2)
    }
    let color2 = ["#D0443B", "#3EA4AA"];
    let xAxisData = ["偏瘦", "正常", "偏胖", "肥胖",];
    var myChart = echarts.init(document.getElementById("myChart1"));
    myChart.value = myChart;
    myChart.setOption({
      backgroundColor: "#fff",
      color: color2,
      legend: {
        top: 20
      },
      tooltip: {
        trigger: "axis",
        formatter: function () {
          return "";
        }
      },
      grid: {
        top: 100,
        containLabel: true
      },
      xAxis: [
        {
          name: "",
          type: "category",
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
          data: xAxisData
        }
      ],
      yAxis: [
        {
          type: "value",
          name: "BMI值",
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }
        }
      ],
      series: [
        {
          name: "国际",
          type: "line",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[0]
            }
          },
          symbol: "circle", //数据交叉点样式
          itemStyle: {
            color: '#ff0000'  // 这里将 '销量' 系列的颜色设置为红色
          },
          data: [0, 18.5, 24.0, 28.0]
        },
        {
          name: "我的",
          type: "scatter",
          smooth: true,
          symbolSize: 8,
          zlevel: 3,
          lineStyle: {
            normal: {
              color: color2[1]
            }
          },
          symbol: "circle", //数据交叉点样式 (实心点)
          // itemStyle: {
          //     normal: {
          //         color: "#ffffff",
          //         borderColor: '#3EA4AA',
          //         borderWidth: 1,
          //     }
          // },
          data: [[`${bmi2}`, `${bmi1}`]]
        }
      ]
    });
    window.addEventListener("resize", function () {
      myChart.resize();
    });
    localStorage.setItem('userinfo', res.data.data.contents)
    if (res.data.code === 0) {
      ElMessage.error(res.data.msg)
      return false;
    } else {

    }
    if (res.data.data.is_high == 1) {
      display.value = true
    } else {
      display.value = false
    }

    setTimeout(() => {
      print('print-all')
    }, 2000)


    birth.value = $getTimes(res.data.data.contents.birth)
    contents.value = res.data.data.contents;
    report_time.value = res.data.data.times

    // if (res.data.data.feed_advice != '' && res.data.data.feed_advice != null) {
    //   form.value.elText = res.data.data.feed_advice;
    // } else {
    //   form.value.elText = '当膳食方案中有食谱或食材不符合您的膳食习惯时，请先与医生确认，若医生认为某些食材对孕妇的膳食营养改善很重要，要求不能置换或最好不要置换；其他类可进行同类食材替换，例如：猪肉、牛肉、羊肉之间可互换，鸡肉、鸭肉、鱼类之间可互换，蔬菜间可互换，米面间可互换，但要注意不要更改食材用量。\n' +
    //     '给孕妇烹调食物时，宜尽可能保持食物的原味，口味以清淡为宜，少放调料。\n' +
    //     '每天应当进行至少1小时的户外游戏或运动，每天看电视、玩平板电脑的累计时间不超过2小时，日常生活中还可适当增加一些有氧活动例如：自行车、慢跑、跳绳、仰卧起坐、游泳等。';
    // }

    // if (res.data.data.nutrition_advice != '' && res.data.data.nutrition_advice != null) {
    //   form.value.elTextTwo = res.data.data.nutrition_advice;
    // } else {
    //   form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的孕妇生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
    //     '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
    //   if (contents._rawValue.hair_value != '' || contents._rawValue.oralCavity_value != '' || contents._rawValue.neck_value != '' || contents._rawValue.Neuropathy_value != '' || contents._rawValue.symptoms_value != '') {
    //     form.value.elTextTwo = '这个阶段是饮食行为和生活方式形成的关键时期，7岁前的孕妇生活自理能力不断提高，自主性、好奇心、学习能力和模仿能力增强，该时期也是培养良好饮食习惯的重要阶段。\n' +
    //       '家长要有意识的培养孩子规律就餐，每天的饮食种类应该包含谷、肉、蛋、菜、奶、水果，自主进食不挑食的饮食习惯。';
    //   } else if (contents._rawValue.eye_value != '') {
    //     form.value.elTextTwo = '平衡膳食，多摄入动物肝、肾、奶、蛋和深绿或红黄蔬菜、水果等富维生素A和β胡萝卜素食物。婴儿要及时添加含动物肝等辅食，没有母乳的婴儿需配方奶喂养。生后及时按预防量补充维生素A。幼儿膳食中要注意脂肪和含维生素A和β胡萝卜素食物搭配食用。患消化系统疾病及消耗性疾病的患儿需及时补充维生素A制剂。\n' +
    //       '长期摄入不足是导致维生素A缺乏的主要原因，孕妇维生素A的主要来自1、肝脏、鱼油、奶制品、鸡蛋等动物性食物；2、绿叶蔬菜以及黄色或橙色的水果和蔬菜中富含各种胡罗卜素，可在体内转变为维生素A。对于人体来说，动物性食物中的VA要比植物性中的VA更容易吸收。';
    //   } else if (contents._rawValue.skin_value != '') {
    //     form.value.elTextTwo = '谷类、硬果、动物内脏、蛋类及酵母中维生素B1含量丰富，但需要注意谷类加工过度可损失维生素B1，以及生鱼和贝类含有破坏维生素B1的酶，所以在日常饮食中不长期食用精米、生鱼和贝类。还需要注意的是维生素B1易溶于水，在碱性条件下易受热破坏，所以过分淘米或烹调中加碱也可导致维生素B1大量损失。\n' +
    //       '富含维生素B2的食物主要是动物肝脏（如肝、肾、心）等、蛋黄和乳类。谷类的精细加工会导致所含的维生素B2流失，所以孕妇日常饮食中还需要增加粗粮的比例以及保证每日鸡蛋和牛奶的摄入。';
    //   } else if (contents._rawValue.sign_value != '') {
    //     form.value.elTextTwo = '足量的食物，平衡膳食，规律就餐，不偏食不挑食，每天饮奶多喝水，避免含糖饮料，是保障孕妇生长发育的关键。日常生活中选择健康有营养的零食，避免含糖饮料和高脂肪的油炸食物，导致孕妇正餐不按量食用。\n' +
    //       '营养不良的孕妇，要在保证能量摄入充足的基础上，增加鱼、禽、蛋、瘦肉、豆制品等富含优质蛋白质的食物的摄入，经常使用奶及奶制品，每天吃新鲜的蔬菜水果；保证一日三餐，纠正偏食和过度节食等不健康饮食行为，并保持适宜的身体活动。';
    //   } else if (contents._rawValue.sign_value != '') {
    //     form.value.elTextTwo = '奶和奶制品是孕妇钙的主要来源，也是最佳来源。绿色蔬菜、大豆及其制品特殊含有较高的钙，可作为补充来源。 需要特别注意的是钙在体内主动吸收需要维生素D，维生素D缺乏或不足时，钙主动吸收下降间接造成改缺乏。此外，运动锻炼也是骨骼健康的重要决定因素，跑、跳等中等程度的运动有利于骨骼钙沉积，达到更高的估量峰值。'
    //   }
    // }

    // form.value.elTextThree = res.data.data.doctor_advice;
  })


  let params = {
    'groupId': groupId.value,
    'id': id.value,
    'reportId': reportId.value,
    'username': username.value,
    'guardian': guardian.value,
    'birth': birth.value,
  }
  const data = await api.energy(params);


  if (data.data.code == 0) {
    ElMessage.error(data.data.msg)
    return false;
    await router.push({ 'path': '/Evaluation/' + groupId.value + '/' + id })
  }

  if (!data.data.data.diet_analysis) {
    ElMessage.error(data.data.msg)
    return false;
    await router.push({ 'path': '/Evaluation/' + groupId.value + '/' + id })
  }

  for (let i = 0; i < data.data.data.diet_analysis.length; i++) {
    switch (i) {
      case 0:
        data.data.data.diet_analysis[i]['pName'] = '周一';
        break
      case 1:
        data.data.data.diet_analysis[i]['pName'] = '周二';
        break
      case 2:
        data.data.data.diet_analysis[i]['pName'] = '周三';
        break
      case 3:
        data.data.data.diet_analysis[i]['pName'] = '周四';
        break
      case 4:
        data.data.data.diet_analysis[i]['pName'] = '周五';
        break
      case 5:
        data.data.data.diet_analysis[i]['pName'] = '周六';
        break
      case 6:
        data.data.data.diet_analysis[i]['pName'] = '周日';
        break
    }
  }

  diet_analysis.value = data.data.data.diet_analysis.filter((item, index) => index < 3);
  diet_analysis1.value = data.data.data.diet_analysis.filter((item, index) => index > 2 && index < 6);
  diet_analysis2.value = data.data.data.diet_analysis.filter((item, index) => index > 5);


  for (let i = 0; i < data.data.data.diet.length; i++) {

    if (parseInt(data.data.data.diet[i]['energy']) !== parseInt(data.data.data.diet[i]['energy'])) {
      data.data.data.diet[i]['energy'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['protein']) !== parseInt(data.data.data.diet[i]['protein'])) {
      data.data.data.diet[i]['protein'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['fat']) !== parseInt(data.data.data.diet[i]['fat'])) {
      data.data.data.diet[i]['fat'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['carbohydrate']) !== parseInt(data.data.data.diet[i]['carbohydrate'])) {
      data.data.data.diet[i]['carbohydrate'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['calcium']) !== parseInt(data.data.data.diet[i]['calcium'])) {
      data.data.data.diet[i]['calcium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['sodium']) !== parseInt(data.data.data.diet[i]['sodium'])) {
      data.data.data.diet[i]['sodium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['magnesium']) !== parseInt(data.data.data.diet[i]['magnesium'])) {
      data.data.data.diet[i]['magnesium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['iron']) !== parseInt(data.data.data.diet[i]['iron'])) {
      data.data.data.diet[i]['iron'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['zinc']) !== parseInt(data.data.data.diet[i]['zinc'])) {
      data.data.data.diet[i]['zinc'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['selenium']) !== parseInt(data.data.data.diet[i]['selenium'])) {
      data.data.data.diet[i]['selenium'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_a']) !== parseInt(data.data.data.diet[i]['vitamin_a'])) {
      data.data.data.diet[i]['vitamin_a'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_e']) !== parseInt(data.data.data.diet[i]['vitamin_e'])) {
      data.data.data.diet[i]['vitamin_e'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_b1']) !== parseInt(data.data.data.diet[i]['vitamin_b1'])) {
      data.data.data.diet[i]['vitamin_b1'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_b2']) !== parseInt(data.data.data.diet[i]['vitamin_b2'])) {
      data.data.data.diet[i]['vitamin_b2'] = 0;
    }
    if (parseInt(data.data.data.diet[i]['vitamin_c']) !== parseInt(data.data.data.diet[i]['vitamin_c'])) {
      data.data.data.diet[i]['vitamin_c'] = 0;
    }
    letEnergy._value.energy = letEnergy._value.energy + parseInt(data.data.data.diet[i]['energy']);

    protein._value.energy = protein._value.energy + parseInt(data.data.data.diet[i]['protein']);
    fat._value.energy = fat._value.energy + parseInt(data.data.data.diet[i]['fat']);
    carbohydrate._value.energy = carbohydrate._value.energy + parseInt(data.data.data.diet[i]['carbohydrate']);
    calcium._value.energy = calcium._value.energy + parseInt(data.data.data.diet[i]['calcium']);
    sodium._value.energy = sodium._value.energy + parseInt(data.data.data.diet[i]['sodium']);
    magnesium._value.energy = magnesium._value.energy + parseInt(data.data.data.diet[i]['magnesium']);
    iron._value.energy = iron._value.energy + parseInt(data.data.data.diet[i]['iron']);
    zinc._value.energy = zinc._value.energy + parseInt(data.data.data.diet[i]['zinc']);
    selenium._value.energy = selenium._value.energy + parseInt(data.data.data.diet[i]['selenium']);
    vitamin_a._value.energy = vitamin_a._value.energy + parseInt(data.data.data.diet[i]['vitamin_a']);
    vitamin_e._value.energy = vitamin_e._value.energy + parseInt(data.data.data.diet[i]['vitamin_e']);
    vitamin_b1._value.energy = vitamin_b1._value.energy + parseInt(data.data.data.diet[i]['vitamin_b1']);
    vitamin_b2._value.energy = vitamin_b2._value.energy + parseInt(data.data.data.diet[i]['vitamin_b2']);
    vitamin_c._value.energy = vitamin_c._value.energy + parseInt(data.data.data.diet[i]['vitamin_c']);
  }



  letEnergy._value.start = data.data.data.packAge[0].start_package;
  letEnergy._value.end = data.data.data.packAge[0].end_package;
  letEnergy._value.keyword = '✔ 正常';
  letEnergy._value.color = 'everyBlack';

  //能量
  if (letEnergy._value.energy < letEnergy._value.start) {

    letEnergy._value.keyword = '▼ 不足';
    letEnergy._value.color = 'everyRed';
    kcalType.value = 3
  } else if (letEnergy._value.energy > letEnergy._value.end) {

    letEnergy._value.keyword = '▲ 超标';
    letEnergy._value.color = 'everyOrange';
    kcalType.value = 1
  }

  //蛋白质
  protein._value.start = data.data.data.packAge[1].start_package;
  protein._value.end = data.data.data.packAge[1].end_package;
  protein._value.keyword = '✔ 正常';
  protein._value.color = 'everyBlack';
  if (protein._value.energy < protein._value.start) {
    protein._value.keyword = '▼ 不足';
    protein._value.color = 'everyRed';
  } else if (protein._value.energy > protein._value.end) {
    protein._value.keyword = '▲ 超标';
    protein._value.color = 'everyOrange';
  }
  //脂肪
  fat._value.start = data.data.data.packAge[2].start_package;
  fat._value.end = data.data.data.packAge[2].end_package;
  fat._value.keyword = '✔ 正常';
  fat._value.color = 'everyBlack';
  if (fat._value.energy < fat._value.start) {
    fat._value.keyword = '▼ 不足';
    fat._value.color = 'everyRed';
  } else if (fat._value.energy > fat._value.end) {
    fat._value.keyword = '▲ 超标';
    fat._value.color = 'everyOrange';
  }
  //碳水化合物
  carbohydrate._value.start = data.data.data.packAge[3].start_package;
  carbohydrate._value.end = data.data.data.packAge[3].end_package;
  carbohydrate._value.keyword = '✔ 正常';
  carbohydrate._value.color = 'everyBlack';
  if (carbohydrate._value.energy < carbohydrate._value.start) {
    carbohydrate._value.keyword = '▼ 不足';
    carbohydrate._value.color = 'everyRed';
  } else if (carbohydrate._value.energy > carbohydrate._value.end) {
    carbohydrate._value.keyword = '▲ 超标';
    carbohydrate._value.color = 'everyOrange';
  }

  //钙
  calcium._value.start = data.data.data.packAge[4].start_package;
  calcium._value.end = data.data.data.packAge[4].end_package;
  calcium._value.keyword = '✔ 正常';
  calcium._value.color = 'everyBlack';
  if (calcium._value.energy < calcium._value.start) {
    calcium._value.keyword = '▼ 不足';
    calcium._value.color = 'everyRed';
  } else if (calcium._value.energy > calcium._value.end) {
    calcium._value.keyword = '▲ 超标';
    calcium._value.color = 'everyOrange';
  }
  //钠
  sodium._value.start = data.data.data.packAge[5].start_package;
  sodium._value.end = data.data.data.packAge[5].end_package;
  sodium._value.keyword = '✔ 正常';
  sodium._value.color = 'everyBlack';
  if (sodium._value.energy < sodium._value.start) {
    sodium._value.keyword = '▼ 不足';
    sodium._value.color = 'everyRed';
  } else if (sodium._value.energy > sodium._value.end) {
    sodium._value.keyword = '▲ 超标';
    sodium._value.color = 'everyOrange';
  }
  //镁
  magnesium._value.start = data.data.data.packAge[6].start_package;
  magnesium._value.end = data.data.data.packAge[6].end_package;
  magnesium._value.keyword = '✔ 正常';
  magnesium._value.color = 'everyBlack';
  if (magnesium._value.energy < magnesium._value.start) {
    magnesium._value.keyword = '▼ 不足';
    magnesium._value.color = 'everyRed';
  } else if (magnesium._value.energy > magnesium._value.end) {
    magnesium._value.keyword = '▲ 超标';
    magnesium._value.color = 'everyOrange';
  }
  //铁
  iron._value.start = data.data.data.packAge[7].start_package;
  iron._value.end = data.data.data.packAge[7].end_package;
  iron._value.keyword = '✔ 正常';
  iron._value.color = 'everyBlack';
  if (iron._value.energy < iron._value.start) {
    iron._value.keyword = '▼ 不足';
    iron._value.color = 'everyRed';
  } else if (iron._value.energy > iron._value.end) {
    iron._value.keyword = '▲ 超标';
    iron._value.color = 'everyOrange';
  }
  //锌
  zinc._value.start = data.data.data.packAge[8].start_package;
  zinc._value.end = data.data.data.packAge[8].end_package;
  zinc._value.keyword = '✔ 正常';
  zinc._value.color = 'everyBlack';
  if (zinc._value.energy < zinc._value.start) {
    zinc._value.keyword = '▼ 不足';
    zinc._value.color = 'everyRed';
  } else if (zinc._value.energy > zinc._value.end) {
    zinc._value.keyword = '▲ 超标';
    zinc._value.color = 'everyOrange';
  }
  //硒
  selenium._value.start = data.data.data.packAge[9].start_package;
  selenium._value.end = data.data.data.packAge[9].end_package;
  selenium._value.keyword = '✔ 正常';
  selenium._value.color = 'everyBlack';
  if (selenium._value.energy < selenium._value.start) {
    selenium._value.keyword = '▼ 不足';
    selenium._value.color = 'everyRed';
  } else if (selenium._value.energy > selenium._value.end) {
    selenium._value.keyword = '▲ 超标';
    selenium._value.color = 'everyOrange';
  }
  // 维生素A
  vitamin_a._value.start = data.data.data.packAge[10].start_package;
  vitamin_a._value.end = data.data.data.packAge[10].end_package;
  vitamin_a._value.keyword = '✔ 正常';
  vitamin_a._value.color = 'everyBlack';
  if (vitamin_a._value.energy < vitamin_a._value.start) {
    vitamin_a._value.keyword = '▼ 不足';
    vitamin_a._value.color = 'everyRed';
  } else if (vitamin_a._value.energy > vitamin_a._value.end) {
    vitamin_a._value.keyword = '▲ 超标';
    vitamin_a._value.color = 'everyOrange';
  }
  //维生素E
  vitamin_e._value.start = data.data.data.packAge[11].start_package;
  vitamin_e._value.end = data.data.data.packAge[11].end_package;
  vitamin_e._value.keyword = '✔ 正常';
  vitamin_e._value.color = 'everyBlack';
  if (vitamin_e._value.energy < vitamin_e._value.start) {
    vitamin_e._value.keyword = '▼ 不足';
    vitamin_e._value.color = 'everyRed';
  } else if (vitamin_e._value.energy > vitamin_e._value.end) {
    vitamin_e._value.keyword = '▲ 超标';
    vitamin_e._value.color = 'everyOrange';
  }
  //维生素B1
  vitamin_b1._value.start = data.data.data.packAge[12].start_package;
  vitamin_b1._value.end = data.data.data.packAge[12].end_package;
  vitamin_b1._value.keyword = '✔ 正常';
  vitamin_b1._value.color = 'everyBlack';
  if (vitamin_b1._value.energy < vitamin_b1._value.start) {
    vitamin_b1._value.keyword = '▼ 不足';
    vitamin_b1._value.color = 'everyRed';
  } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
    vitamin_b1._value.keyword = '▲ 超标';
    vitamin_b1._value.color = 'everyOrange';
  }
  //维生素B2
  vitamin_b2._value.start = data.data.data.packAge[13].start_package;
  vitamin_b2._value.end = data.data.data.packAge[13].end_package;
  vitamin_b2._value.keyword = '✔ 正常';
  vitamin_b2._value.color = 'everyBlack';
  if (vitamin_b2._value.energy < vitamin_b2._value.start) {
    vitamin_b2._value.keyword = '▼ 不足';
    vitamin_b2._value.color = 'everyRed';
  } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
    vitamin_b2._value.keyword = '▲ 超标';
    vitamin_b2._value.color = 'everyOrange';
  }
  //维生素C
  vitamin_c._value.start = data.data.data.packAge[14].start_package;
  vitamin_c._value.end = data.data.data.packAge[14].end_package;
  vitamin_c._value.keyword = '✔ 正常';
  vitamin_c._value.color = 'everyBlack';
  if (vitamin_c._value.energy < vitamin_c._value.start) {
    vitamin_c._value.keyword = '▼ 不足';
    vitamin_c._value.color = 'everyRed';
  } else if (vitamin_c._value.energy > vitamin_c._value.end) {
    vitamin_c
    vitamin_c._value.keyword = '▲ 超标';
    vitamin_c._value.color = 'everyOrange';
  }
}

onMounted(() => {
  fetchData()
})

const onKeep = async () => {
  let params = { elText: FeedingRecommendations.value, elTextTwo: NutritionRecommendations.value, elTextThree: DoctorRecommendations.value }
  params['reportId'] = reportId.value
  const res = await api.setAdvice(params);
  if (res.data.code === 1) {
    ElNotification({
      title: '建议保存成功',
      message: res.data.msg,
      type: 'success',
    })
    return false;
  } else {
    ElNotification({
      title: '建议保存失败',
      message: res.data.msg,
      type: 'error',
    })
    return false;
  }
}

function $getTimes(params) {
  var date = new Date(params);
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? "0" + m : m;
  var d = date.getDate();
  d = d < 10 ? "0" + d : d;
  const time = y + "-" + m + "-" + d;
  return time;
}


onMounted(() => { // 需要获取到element,所以是onMounted的Hook
  http.get('api/archives/viewreport?id=' + reportId.value + '&username=' + username.value + '&guardian=' + guardian.value + '&birth=' + birthStatus.value).then((res) => {
    let array1 = res.data.data.contents.pregnancy_value;
    let array2 = res.data.data.fooddisease;
    let result = {};
    for (let i = 0; i < array1.length; i++) {
      if (array2.hasOwnProperty(array1[i])) {
        result[array1[i]] = array2[array1[i]];
      }
    }

    proposal.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 2
    })
    console.log(proposal.value, '1')
    proposal1.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 1
    })
    console.log(proposal1.value, '2')
    proposal2.value = res.data.data.foodselection.filter((item, index) => {
      return item.up_type == 3
    })
    console.log(proposal2.value, '3')
    data.value = res.data.data;
    diet.value = res.data.data.diet;


    // 能量
    if (letEnergy._value.energy < letEnergy._value.start) {

      principle.value = data.value.foodliving[2].content;
      energys.value = data.value.foodmotion[2].content;
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 2 })[0].content.replace(/<.*?>/ig, "");
        let str = '';
        for (let key in result) {
          str += key + ': ' + result[key] + '\n';
        }
        str = str.slice(0, -2);
        DoctorRecommendations.value = DoctorRecommendations.value + '\n' + str;
      }
      letEnergy._value.keyword = '▼ 不足';
      letEnergy._value.color = 'everyRed';
      kcalType.value = 3

    } else if (letEnergy._value.energy > letEnergy._value.end) {

      principle.value = data.value.foodliving[1].content;
      energys.value = data.value.foodmotion[0].content;
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 1 })[0].content.replace(/<.*?>/ig, "");
        let str = '';
        for (let key in result) {
          str += key + ': ' + result[key] + '\n';
        }
        str = str.slice(0, -2);
        DoctorRecommendations.value = DoctorRecommendations.value + '\n' + str;
      }
      letEnergy._value.keyword = '▲ 超标';
      letEnergy._value.color = 'everyOrange';
      kcalType.value = 1

    } else {
      principle.value = data.value.foodliving[0].content;
      energys.value = data.value.foodmotion[1].content;
      if (!FeedingRecommendations.value) {
        FeedingRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 1 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!NutritionRecommendations.value) {
        NutritionRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 2 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
      }
      if (!DoctorRecommendations.value) {
        DoctorRecommendations.value = res.data.data.foodproposal.filter(item => { return item.proposal_type == 3 }).filter(item => { return item.up_type == 3 })[0].content.replace(/<.*?>/ig, "");
        let str = '';
        for (let key in result) {
          str += key + ': ' + result[key] + '\n';
        }
        str = str.slice(0, -2);
        DoctorRecommendations.value = DoctorRecommendations.value + '\n' + str;
      }
    }
    //  蛋白质
    if (protein._value.energy < protein._value.start) {
      proteins.value = data.value.foodmotion[5].content;
      protein._value.keyword = '▼ 不足';
      protein._value.color = 'everyRed';
    } else if (protein._value.energy > protein._value.end) {
      proteins.value = data.value.foodmotion[3].content;
      protein._value.keyword = '▲ 超标';
      protein._value.color = 'everyOrange';
    } else {
      proteins.value = data.value.foodmotion[4].content;
    }
    //脂肪
    if (fat._value.energy < fat._value.start) {
      fats.value = data.value.foodmotion[8].content;
      fat._value.keyword = '▼ 不足';
      fat._value.color = 'everyRed';
    } else if (fat._value.energy > fat._value.end) {
      fats.value = data.value.foodmotion[6].content;
      fat._value.keyword = '▲ 超标';
      fat._value.color = 'everyOrange';
    } else {
      fats.value = data.value.foodmotion[7].content;
    }
    //碳水化合物
    if (carbohydrate._value.energy < carbohydrate._value.start) {
      carbohydrates.value = data.value.foodmotion[11].content;
      carbohydrate._value.keyword = '▼ 不足';
      carbohydrate._value.color = 'everyRed';
    } else if (carbohydrate._value.energy > carbohydrate._value.end) {
      carbohydrates.value = data.value.foodmotion[9].content;
      carbohydrate._value.keyword = '▲ 超标';
      carbohydrate._value.color = 'everyOrange';
    } else {
      carbohydrates.value = data.value.foodmotion[10].content;
    }
    //钙
    if (calcium._value.energy < calcium._value.start) {
      calciums.value = data.value.foodmotion[14].content;
      calcium._value.keyword = '▼ 不足';
      calcium._value.color = 'everyRed';
    } else if (calcium._value.energy > calcium._value.end) {
      calciums.value = data.value.foodmotion[12].content;
      calcium._value.keyword = '▲ 超标';
      calcium._value.color = 'everyOrange';
    } else {
      calciums.value = data.value.foodmotion[13].content;
    }
    //钠
    if (sodium._value.energy < sodium._value.start) {
      sodiums.value = data.value.foodmotion[17].content;
      sodium._value.keyword = '▼ 不足';
      sodium._value.color = 'everyRed';
    } else if (sodium._value.energy > sodium._value.end) {
      sodiums.value = data.value.foodmotion[15].content;
      sodium._value.keyword = '▲ 超标';
      sodium._value.color = 'everyOrange';
    } else {
      sodiums.value = data.value.foodmotion[16].content;
    }
    //镁
    if (magnesium._value.energy < magnesium._value.start) {
      magnesiums.value = data.value.foodmotion[20].content;
      magnesium._value.keyword = '▼ 不足';
      magnesium._value.color = 'everyRed';
    } else if (magnesium._value.energy > magnesium._value.end) {
      magnesiums.value = data.value.foodmotion[18].content;
      magnesium._value.keyword = '▲ 超标';
      magnesium._value.color = 'everyOrange';
    } else {
      magnesiums.value = data.value.foodmotion[19].content;
    }
    //铁
    if (iron._value.energy < iron._value.start) {
      irons.value = data.value.foodmotion[23].content;
      iron._value.keyword = '▼ 不足';
      iron._value.color = 'everyRed';
    } else if (iron._value.energy > iron._value.end) {
      irons.value = data.value.foodmotion[21].content;
      iron._value.keyword = '▲ 超标';
      iron._value.color = 'everyOrange';
    } else {
      irons.value = data.value.foodmotion[22].content;
    }
    //锌
    if (zinc._value.energy < zinc._value.start) {
      zincs.value = data.value.foodmotion[26].content;
      zinc._value.keyword = '▼ 不足';
      zinc._value.color = 'everyRed';
    } else if (zinc._value.energy > zinc._value.end) {
      zincs.value = data.value.foodmotion[24].content;
      zinc._value.keyword = '▲ 超标';
      zinc._value.color = 'everyOrange';
    } else {
      zincs.value = data.value.foodmotion[25].content;
    }
    //硒
    if (selenium._value.energy < selenium._value.start) {
      seleniums.value = data.value.foodmotion[29].content;
      selenium._value.keyword = '▼ 不足';
      selenium._value.color = 'everyRed';
    } else if (selenium._value.energy > selenium._value.end) {
      seleniums.value = data.value.foodmotion[27].content;
      selenium._value.keyword = '▲ 超标';
      selenium._value.color = 'everyOrange';
    } else {
      seleniums.value = data.value.foodmotion[28].content;
    }
    //维生素A
    if (vitamin_a._value.energy < vitamin_a._value.start) {
      vitamin_as.value = data.value.foodmotion[32].content;
      vitamin_a._value.keyword = '▼ 不足';
      vitamin_a._value.color = 'everyRed';
    } else if (vitamin_a._value.energy > vitamin_a._value.end) {
      vitamin_as.value = data.value.foodmotion[30].content;
      vitamin_a._value.keyword = '▲ 超标';
      vitamin_a._value.color = 'everyOrange';
    } else {
      vitamin_as.value = data.value.foodmotion[31].content;
    }
    //维生素E
    if (vitamin_e._value.energy < vitamin_e._value.start) {
      vitamin_es.value = data.value.foodmotion[35].content;
      vitamin_e._value.keyword = '▼ 不足';
      vitamin_e._value.color = 'everyRed';
    } else if (vitamin_e._value.energy > vitamin_e._value.end) {
      vitamin_es.value = data.value.foodmotion[33].content;
      vitamin_e._value.keyword = '▲ 超标';
      vitamin_e._value.color = 'everyOrange';
    } else {
      vitamin_es.value = data.value.foodmotion[34].content;
    }
    //维生素B1
    if (vitamin_b1._value.energy < vitamin_b1._value.start) {
      vitamin_b1s.value = data.value.foodmotion[38].content;
      vitamin_b1._value.keyword = '▼ 不足';
      vitamin_b1._value.color = 'everyRed';
    } else if (vitamin_b1._value.energy > vitamin_b1._value.end) {
      vitamin_b1s.value = data.value.foodmotion[36].content;
      vitamin_b1._value.keyword = '▲ 超标';
      vitamin_b1._value.color = 'everyOrange';
    } else {
      vitamin_b1s.value = data.value.foodmotion[37].content;
    }
    //维生素B2
    if (vitamin_b2._value.energy < vitamin_b2._value.start) {
      vitamin_b2s.value = data.value.foodmotion[41].content;
      vitamin_b2._value.keyword = '▼ 不足';
      vitamin_b2._value.color = 'everyRed';
    } else if (vitamin_b2._value.energy > vitamin_b2._value.end) {
      vitamin_b2s.value = data.value.foodmotion[39].content;
      vitamin_b2._value.keyword = '▲ 超标';
      vitamin_b2._value.color = 'everyOrange';
    } else {
      vitamin_b2s.value = data.value.foodmotion[40].content;
    }
    //维生素C
    if (vitamin_c._value.energy < vitamin_c._value.start) {
      vitamin_cs.value = data.value.foodmotion[44].content;
      vitamin_c._value.keyword = '▼ 不足';
      vitamin_c._value.color = 'everyRed';
    } else if (vitamin_c._value.energy > vitamin_c._value.end) {
      vitamin_cs.value = data.value.foodmotion[42].content;
      vitamin_c._value.keyword = '▲ 超标';
      vitamin_c._value.color = 'everyOrange';
    } else {
      vitamin_cs.value = data.value.foodmotion[43].content;
    }


    if (res.data.data.high_contents != null) {
      early_intervention.value = res.data.data.high_contents.intervention_one + res.data.data.high_contents.intervention_two + res.data.data.high_contents.intervention_three;
      Monitoring_content.value = res.data.data.high_contents.family_1 + res.data.data.high_contents.family_2 + res.data.data.high_contents.family_3 + res.data.data.high_contents.family_4 + res.data.data.high_contents.family_5 + res.data.data.high_contents.family_6 + res.data.data.high_contents.family_7 + res.data.data.high_contents.family_8 + res.data.data.high_contents.family_9 + res.data.data.high_contents.family_10 + res.data.data.high_contents.family_11 + res.data.data.high_contents.family_12 + res.data.data.high_contents.family_13
      high_contents.value = res.data.data.high_contents
    }

    hospital_name.value = res.data.data.hospital_name


    pagoda.value = res.data.data.pagoda

    // proposal.filter((ite,index)=>{
    //     return ite.food_product_id==pagoda.food_product_id

    // })

    // principle.value = res.data.data.foodliving
    intake.value = res.data.data.foodmotion

    let color = ["#3EA4AA"];
    let color1 = ["#D0443B", "#3EA4AA"];
    let color2 = ["#D0443B", "#3EA4AA"];
    var arr = [];
    var arr2 = [];
    var parr = res.data.data.primaryHeight;
    if (res.data.data.primaryHeight) {
      for (let i = 0; i < parr.length; i++) {
        arr.push(parr[i].content);
        arr2.push(parr[i].month);
      }
    }





    var arr1 = [];
    var arr3 = [];
    var arr4 = [];
    var indexes = '';
    var parr1 = res.data.data.primaryWeight;
    if (res.data.data.primaryWeight) {
      for (let i = 0; i < parr1.length; i++) {
        arr1.push(parr1[i].content);
        arr3.push(parr1[i].month);
      }
    }
    arr4 = arr3.filter((item, index) => {
      return parseInt(item) > parseInt(res.data.data.sumbirths)
    })
    for (let i = 0; i < arr3.length; i++) {
      if (arr3[i] == arr4[0]) {
        indexes = i
      }
    }

    var BMI_1 = localStorage.getItem('bmi');
    if (BMI_1 == '偏瘦') {
      //低体重
      let weight1_min = ['0', '0', '0', '0', '0', '0', '0', '0', '1', '1.5', '2.5', '3.5', '4', '5', '5.5', '6.5', '7.5', '8', '9', '10', '10.5', '11'];
      let weight1_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      let myChart1 = echarts.init(document.getElementById("myChart2"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight1_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight1_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '正常') {
      //正常
      let weight2_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '1', '2', '2.5', '3', '3.5', '4', '5', '5.5', '6', '6.5', '7', '7.5', '8'];
      let weight2_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '3', '4', '4.5', '5.5', '6.5', '7.5', '8', '9', '10', '11', '12', '12.5', '13.5', '14'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      let myChart1 = echarts.init(document.getElementById("myChart2"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight2_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight2_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '偏胖') {
      //超重
      let weight3_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '1', '1.5', '2', '2.5', '3', '3.5', '4', '4.5', '5', '5.5', '6', '6.5', '7'];
      let weight3_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '2.5', '3.5', '4', '4.5', '5.5', '6', '6.5', '7.5', '8', '8.5', '9.5', '10', '10.5', '11'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      console.log(indexes2)
      let myChart1 = echarts.init(document.getElementById("myChart2"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight3_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight3_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '肥胖') {
      //肥胖
      let weight4_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '0.75', '1', '1.5', '2', '2.25', '2.5', '3', '3.5', '3.75', '4', '4.5', '4.75', '5'];
      let weight4_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '2.5', '3', '3.5', '4', '4.5', '5', '5.5', '6', '6.5', '7', '7.5', '8', '8.5', '9'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      console.log(indexes2)
      let myChart1 = echarts.init(document.getElementById("myChart2"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight4_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight4_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    }



    if (BMI_1 == '偏瘦') {
      //低体重
      let weight1_min = ['0', '0', '0', '0', '0', '0', '0', '0', '1', '1.5', '2.5', '3.5', '4', '5', '5.5', '6.5', '7.5', '8', '9', '10', '10.5', '11'];
      let weight1_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      let myChart1 = echarts.init(document.getElementById("myChart3"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight1_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight1_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '正常') {
      //正常
      let weight2_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '1', '2', '2.5', '3', '3.5', '4', '5', '5.5', '6', '6.5', '7', '7.5', '8'];
      let weight2_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '3', '4', '4.5', '5.5', '6.5', '7.5', '8', '9', '10', '11', '12', '12.5', '13.5', '14'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      let myChart1 = echarts.init(document.getElementById("myChart3"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight2_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight2_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '偏胖') {
      //超重
      let weight3_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '1', '1.5', '2', '2.5', '3', '3.5', '4', '4.5', '5', '5.5', '6', '6.5', '7'];
      let weight3_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '2.5', '3.5', '4', '4.5', '5.5', '6', '6.5', '7.5', '8', '8.5', '9.5', '10', '10.5', '11'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      console.log(indexes2)
      let myChart1 = echarts.init(document.getElementById("myChart3"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight3_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight3_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: [
              [indexes2, `${weight1}` - `${weight2}`],
            ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
            type: 'scatter'
          }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
    } else if (BMI_1 == '肥胖') {
      //肥胖
      let weight4_min = ['0', '0', '0', '0', '0', '0', '0', '0', '0.5', '0.75', '1', '1.5', '2', '2.25', '2.5', '3', '3.5', '3.75', '4', '4.5', '4.75', '5'];
      let weight4_max = ['0', '0.25', '0.5', '0.75', '1', '1.5', '1.75', '2', '2.5', '3', '3.5', '4', '4.5', '5', '5.5', '6', '6.5', '7', '7.5', '8', '8.5', '9'];
      let indexes2 = '';
      let index3 = [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42];
      let weekss = localStorage.getItem('weeks');
      let weight1 = localStorage.getItem('weight1');
      let weight2 = localStorage.getItem('weight2');
      let index = index3.findIndex(element => element == weekss);
      if (index !== -1) {
        indexes2 = `${index}`
      } else {
        for (let i = 0; i < index3.length; i++) {
          if (index3[i] - 1 == weekss) {
            indexes2 = i - 1
          }
        }
      }
      console.log(indexes2)
      let myChart1 = echarts.init(document.getElementById("myChart3"));
      myChart1.value = myChart1;
      myChart1.setOption({
        legend: {
          top: 20
        },
        tooltip: {
          trigger: "axis",
          formatter: function () {
            return "";
          }
        },
        grid: {
          top: 100,
          containLabel: true
        },
        xAxis: {
          name: '孕周数',
          type: 'category',
          data: [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42],
          boundaryGap: false,
          axisLabel: {
            formatter: "{value}",
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40,
            padding: [0, 0, 0, -15]
          },
        },
        yAxis: {
          name: '增重(kg)',
          type: 'value',
          axisLabel: {
            textStyle: {
              color: "#606266"
            }
          },
          axisLine: {
            lineStyle: {
              color: "#E4E7ED"
            }
          },
          axisTick: {
            show: false // 刻度出来的尖尖
          },
          splitLine: {
            show: true,
            lineStyle: {
              color: ["#E4E7ED"],
              width: 1,
              type: "solid"
            }
          },
          axisPointer: {
            lineStyle: {
              color: "#DCDFE6" //坐标轴指示线
            },
            show: true //不坐标轴指示线
          },
          nameTextStyle: {
            color: "#606266",
            fontSize: 12,
            lineHeight: 40
          }

        },
        series: [
          {
            data: weight4_min,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          {
            data: weight4_max,
            type: 'line',
            itemStyle: {
              normal: {
                borderColor: '#ff5c82', // 线的颜色
                borderWidth: 1, // 线的宽度
                borderType: 'solid', // 线的类型
                color: '#ff5c82', // 点的颜色
                radius: 1, // 点的半径
                type: 'circle' // 点的形状，这里设置为圆形
              }
            },
          },
          // {
          //   data: [
          //     [indexes2, `${weight1}` - `${weight2}`],
          //   ], // 用多维数组表示数据，每个子数组包含两个元素，分别表示x轴和y轴的值
          //   type: 'scatter'
          // }
        ]
      });
      window.addEventListener("resize", function () {
        myChart1.resize();
      });
     }
  })

});


// const print = (el) => {
//   PrintJS({
//     printable: el,
//     type: 'html',
//     header: null,
//     targetStyles: ['*'],
//     style: "@page {margin:0 10mm}",
//     gridStyle: "font-size:4px"
//   })
// }
</script>

<style scoped>
.biao1 {
  width: 25%;
  border-bottom: 1px solid #FF5C82;
  border-right: 1px solid #FF5C82;
  background-color: rgba(255, 92, 130, 0.16);
  color: black;
  min-height: 40px;
}

.biao5 {
  width: 25%;
  border-right: 1px solid #FF5C82;
  background-color: rgba(255, 92, 130, 0.16);
  color: black;
  min-height: 40px;
  border-bottom: 1px solid #FF5C82;
}

.biao6 {
  width: 25%;
  border-right: 1px solid #FF5C82;
  color: #000;
}

.biao2 {
  width: 25%;
  border-bottom: 1px solid #FF5C82;
  border-right: 1px solid #FF5C82;
  color: #000;
}

.biao3 {
  width: 25%;
  border-bottom: 1px solid #FF5C82;
  /* background-color: #FF5C82; */
  color: black;
}

.biao4 {
  width: 75%;
  border-bottom: 1px solid #FF5C82;
  color: #000;
  min-height: 40px;
  padding: 5px 0px;
}

.biao7 {
  border-right: 1px solid #FF5C82;
  border-bottom: 1px solid #FF5C82;
  padding: 5px 0px;
}


#proposal {
  width: 1075px;
  height: 456px;
  background: url('../../assets/img/report_proposal.png');

}

/deep/ #elTextThree {
  width: 100%;
}

/deep/.el-textarea__inner {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #FF5C82;
}

/deep/.el-textarea__inner .red {
  width: 946px;
  height: 157px;
  border-radius: 30px;
  border: 1px solid #FF5C82;
}

#elTextTwo {
  background: #FF5C82;
}

/deep/.el-textarea {
  width: 80%;
  margin-left: 70px;
}

.params {
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}

.shu {
  width: 5px;
  height: 30px;
  background: #FF5C82;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.shured {
  width: 5px;
  height: 30px;
  background: red;
  opacity: 1;
  border-radius: 100px;
  float: left;
  margin-right: 2%;
  margin-left: 5%;
}

.right-box-card {
  width: 100%;
  margin-left: 0%;
}

.el-card.is-always-shadow {
  box-shadow: none;
}

.el-card {
  border: none;
}

.report {
  /*width: 595px;*/
  /*height: 842px;*/
}

.titles {
  margin-right: 20px;
}


#basic .title {
  font-size: 36px;
  width: 100%;
  text-align: center;
  height: 100px;
  margin-top: 100px;
}

#basic #createTime {
  font-size: 16px;
  color: #999999;
  margin-left: 70%;
}

.subTitle {
  font-size: 30px;
  text-align: center;
  height: 40px;
  color: #FF5C82;
  /*border-bottom: 1px dashed  red;*/
}

#two {
  width: 1075px;
  height: 1244px;
  border-left: 1px #999999 solid;
  border-right: 1px #999999 solid;
  margin: 0 auto 0 auto;
}

#basic {
  font-size: 16px;
  width: 1075px;
  min-height: 1244px;
  overflow: hidden;
  padding: 0;
  word-break: break-all;
  /*margin: 60px auto 0 auto;*/
  box-shadow: var(--el-box-shadow-light);
  border-radius: var(--el-card-border-radius);
  background-color: var(--el-card-bg-color);
  /* color: var(--el-text-color-primary); */
  transition: var(--el-transition-duration);
  --el-card-border-color: var(--el-border-color-light, #ebeef5);
  --el-card-border-radius: 4px;
  --el-card-padding: 20px;
  --el-card-bg-color: var(--el-color-white);
}

#basic .symptom_title {
  font-size: 20px;
  margin-top: 30px;
}

.every {
  height: 55px;
  line-height: 55px;
  width: 23%;
  float: left;
  margin-left: 10%;
  font-weight: bold;
}

#basic .symptom {
  text-align: left;
  line-height: 35px;

}

#basic .symptom .every {
  width: 30%;
  float: left;
  margin-left: 2%;
}

.symptom_content {
  width: 100%;
  float: left;
  margin-left: 120px;
}

.service_plate {
  background: url('../../assets/img/evaluaction_service_plate.png') center no-repeat;
}

.dietOn {
  width: 100%;
  /* height: 510px; */
  /* margin-top:90px; */
  /* margin-top:150px; */
  padding-top: 20px;
  /* padding-bottom: 60px; */
}

.everyRed {
  color: red;
}

.everyOrange {
  color: orange;
}

.everyBlack {
  color: #333333;
}

.time-botton {
  background-color: #FF5C82;
  width: 108px;
  height: 41px;
  color: #fff;
  font-size: 16px;
  border-radius: 100px;
  line-height: 41px;
  margin: 42px 0 0 40px;
  text-align: center;

}

.time-type {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  background: #85CE61;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  box-shadow: 5px 5px 2px #888888;
  margin: 20px 0 20px 40%;
}

.der {
  width: 240px;
  height: 174px;
  background: url("../../assets/img/evaluaction_service_plate.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: auto;
}

.platesFoods {
  margin-top: 5px;
  margin-left: 8px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

.platesFoods div {
  padding-bottom: 5px;

}

.platesFoods span {
  color: #666666;
}

.plates {
  width: 33%;
  float: left;
}

.plates .plates-top-img {
  float: left;
  margin-left: 1%;
  width: 30%;
}

.time-left-color {
  background: #85CE61;
}

.time-common-color {
  background: #E8B973;
}

.time-right-color {
  background: #6EA9E0;
}</style>
